<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#gouwuche{
				 display: none;
				/* visibility: hidden; */
			}
		</style>
		<script>
			function showProd(){
				var d=document.getElementById("gouwuche");
				//行内样式
				d.style.display="block";
				d.style.borderRadius="50%";
				d.style.fontSize="30px";
				d.style.color="red";
				d.style.border="2px groove green";
			}
			function hideProd(){
				var d=document.getElementById("gouwuche");
				d.style.display="none";
			}
		</script>
	</head>
	<body>
		<a href="#" onmouseover="showProd()" onmouseout="hideProd()">购物车</a>
		<div id="gouwuche">
			<h3>漂亮的越南小媳妇</h3>
			<img src="images/3.jpg" height="100px" width="300px"/>
		</div>
		<h1>教育改变生活</h1>
	</body>
</html>
